<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>粤菜</title>
    <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/yuecai.css">

</head>
<body>
<div id="box">
    <div id="daohang" class="container-fluid">
        <div class="row daohang">
            <div class="col-md-7 biaoti">
                <img src="../images/title_img.png" alt="">
                <span class="content">delicious</span>
            </div>
            <div class="col-md-5 daohang">
                <ul class="">
                    <li class="col-md-2"><a href="index.html">首页</a></li>
                    <li class="col-md-2"><a href="mian.html">面食</a></li>
                    <li class="col-md-2"><a href="shaokao.html">烧烤</a></li>
                    <li class="col-md-2"><a href="chuancai.html">川菜</a></li>
                    <li class="col-md-2"><a href="xiangcai.html">湘菜</a></li>
                    <li class="this col-md-2"><a href="yuecai.html">粤菜</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="neirong">
        <div class="yuecai_bg">
            <div class="container-fluid first">
                <div class="yuecai">
                    <div class="yuecai_neirong">
                        <div class="col-md-12 jumbotron1">
                            <h1>Hello, world!</h1>
                            <p>Find Your Apartments</p>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>

        <div class="">
            <div class="container-fluid banner-bottom-grids">
                <div class="col-md-3 banner-bottom-grid">
                    <div class="banner-bottom-grd back">
                        <h4>01</h4>
                        <p>fugiat quo <span>voluptas</span></p>
                        <div class="clearfix"></div>
                    </div>
                    <p class="debitis">Temporibus autem quibusdam et aut officiis debitis aut
                        rerum necessitatibus saepe eveniet ut et voluptates.</p>
                </div>
                <div class="col-md-3 banner-bottom-grid">
                    <div class="banner-bottom-grd back1">
                        <h4>02</h4>
                        <p>fugiat quo <span>voluptas</span></p>
                        <div class="clearfix"></div>
                    </div>
                    <p class="debitis">Temporibus autem quibusdam et aut officiis debitis aut
                        rerum necessitatibus saepe eveniet ut et voluptates.</p>
                </div>
                <div class="col-md-3 banner-bottom-grid">
                    <div class="banner-bottom-grd back">
                        <h4>03</h4>
                        <p>fugiat quo <span>voluptas</span></p>
                        <div class="clearfix"></div>
                    </div>
                    <p class="debitis">Temporibus autem quibusdam et aut officiis debitis aut
                        rerum necessitatibus saepe eveniet ut et voluptates.</p>
                </div>
                <div class="col-md-3 banner-bottom-grid">
                    <div class="banner-bottom-grd back1">
                        <h4>04</h4>
                        <p>fugiat quo <span>voluptas</span></p>
                        <div class="clearfix"></div>
                    </div>
                    <p class="debitis">Temporibus autem quibusdam et aut officiis debitis aut
                        rerum necessitatibus saepe eveniet ut et voluptates.</p>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="container-fluid">
                <h3>Welcome !</h3>
                <div class="banner-bottom1-grids">
                    <div class="col-md-4 banner-bottom1-grid">
                        <img src="../images/wencangji.png" alt=" " class="img-responsive">
                    </div>
                    <div class="col-md-8 banner-bottom1-grid">
                        <h4>voluptatibus maiores alias consequatur aut perferendis aliquid ex ea commodi
                            consequatur</h4>
                        <p> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
                            suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur
                            vel illum qui dolorem eum fugiat quo voluptas.Ut enim ad minima veniam, quis nostrum
                            exercitationem ullam corporis
                            suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur
                            vel illum qui dolorem eum fugiat quo voluptas.Ut enim ad minima veniam, quis nostrum
                            exercitationem ullam corporis
                            suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur
                            vel illum qui dolorem eum fugiat quo voluptas. </p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>

            <div class="customer">
                <h3>Customer Says</h3>
                <div class="container-fluid banner-bottom-grids">
                    <div class="customer-grid col-md-3">
                        <div class="nbs-flexisel-item">
                            <p> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
                                consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                        </div>
                        <h4>Williumson <span>Ass Manager</span></h4>
                    </div>
                    <div class="customer-grid col-md-3">
                        <div class="nbs-flexisel-item">
                            <p> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
                                consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                        </div>
                        <h4>John Smith <span>Manager</span></h4>
                    </div>
                    <div class="customer-grid col-md-3">
                        <div class="nbs-flexisel-item">
                            <p> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
                                consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                        </div>
                        <h4>Micheal Robert <span>Head Cook</span></h4>
                    </div>
                    <div class="customer-grid col-md-3">
                        <div class="nbs-flexisel-item">
                            <p> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
                                consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                        </div>
                        <h4>Micheal Robert <span>Head Cook</span></h4>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="banquan" class="banquan">
        <div class="container-fluid">
            <div class="col-md-12">
                <span>版权所有</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>